<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
		 div{
		 	width: 200px;
		 	height: 200px;
		 	background: aqua;
/*	transition 搭配hover使用，谁有hover就给谁加，不要给hover加
		-transition:a,b,c,d
		  a:过度属性，参与到过度的css属性	all:表示所有属性
		  b:过渡时间,单位s
		  c:过渡效果 linear 匀速  ease 逐渐变慢 ease-out 由慢到快 ease-in-out 先慢后快在慢 
		  d:延迟时间	*/
		 	transition: all 3s ease 2s;
		 }
		 div:hover{
		 	background: pink;
		 	width: 600px;
		 }
	</style>
</head>
<body>
	<div></div>
</body>
</html>